<!--
 * @Descripttion: 
 * @version: 1.0
 * @Author: Ankang
 * @Date: 2021-06-06 22:20:07
 * @LastEditors: Ankang
 * @LastEditTime: 2021-06-09 21:59:37
-->
<template>
  <div class="content">
    <van-sticky>
      <h1 class="home_title">好文推荐</h1>
    </van-sticky>
    <ArticalBody>
      <template #default="{ list }">
        <GoodarticleList :list="list"></GoodarticleList>
      </template>
    </ArticalBody>
  </div>
</template>



<script>
import Vue from "vue";
import { Sticky } from "vant";
Vue.use(Sticky);
import GoodarticleList from "./GoodarticleList";
import ArticalBody from "../../../components/ArticalBody";
export default {
  components: {
    GoodarticleList,
    ArticalBody,
  },
};
</script>



<style lang="stylus"  scoped>
.content
  height 100%
  width 100%
  overflow hidden
  background #eee
  .home_title
    background #fff
    text-align center
    height 44px
    line-height 44px
    font-weight normal
    font-size 16px
</style>